$(function () {
    //1.渲染用户信息，后面要用，所以封装成函数.
    let layer = layui.layer
    let form = layui.form
    initUserInfo()
    function initUserInfo() {
        //获取用户信息
        axios({
            method: 'GET',
            url: '/my/userInfo', 
            /* headers: {
                Authorization: localStorage.getItem('token')
            } */
        }).then((res) => {
            // console.log(res.data.data);
            //判断
            let obj = res.data
            if (obj.status !== 0) {
                return layer.msg(obj.message)
            }
            //赋值
            form.val("formUserInfo", obj.data)
        })
    }
    //需求2：自定义校验
    form.verify({
        nickname: function(value) {
            if(value.length > 10) {
                return "用户昵称1-10位之间"
            }
        }
    })
})
//需求3：修改用户信息
$("form").on('submit',function(e) {
 e.preventDefault()
 axios({
     method:'POST',
     url:'/my/userinfo',
     data:$('form').serialize(),
    /*  headers: {
         Authorization: localStorage.getItem('token')
     } */
 }).then((res) => {
     let obj = res.data
     if(obj.status != 0) {
         return layer.msg(obj.message)
     }
     //提示，刷新index.html中的用户名
     layer.msg("恭喜，修改成功")
     window.parent.getUserInfo()
 })
})

// 需求4：重置-按钮的点击事件和form的重置事件
/* $("#resetBtn").on('click', function(e) {
    e.preventDefault()
    alert(111)
}) */
$("form").on('reset', function(e) {
    e.preventDefault()
   initUserInfo()
})
